<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="./css/openid.css">
<title>Insert title here</title>
</head>
<body>
<div>
    <H1>Welcome to the Class Conversation System</H1>
    <p>If this is the first time you visit us, here is something you should be infored.</p>
    <p>The system uses <a href="http://openid.net/" target="_blank">OpenID authentication protocol</a>. Now we accept Google ID and Yahoo ID login. That means you will be able to login with your Google ID or Yahoo ID. However, for grading purpose, the first time when you use your open ID login, the system will ask you to provide your PSU id (i.e., abc123) and your name to create a short profile.</p> 
    <p>Please notice that upon creating the profile, an email containing a confirmation link will be sent to your psu webmail (i.e., abc123@psu.edu). This action is to prevent somebody making wrong purposeful connection to your psu credential.</p>

</div>
<!--Open IDs login-->&nbsp;
    <div>Please chooose either Google or Yahoo as your Open ID:</div>
    <div style="margin-left: 50px; margin-top: 40px; height: 60px;">
    <form action="./service/LoginServlet?identifier=https://www.google.com/accounts/o8/id&url=<%= request.getParameter("url") %>" method="post"> 
        <input class="google openid_large_btn" style="background: #fff url(images/openid-logos.png); background-position: -1px -1px;" type="image" value=" " />
        </form>
    <form action="./service/LoginServlet?identifier=https://me.yahoo.com&url=<%= request.getParameter("url") %>" method="post">
        <input class="google openid_large_btn" style="background: #fff url(images/openid-logos.png); background-position: -1px -63px;" type="image" value=" " /> 
    </form>
    </div>
</body>
</html>

